<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
     <title>三级联动</title>
     <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="city.css">
</head>
<body>
    <div id="diva">
       <select id="selecta" onchange="AjaxGo($(this))">
          <option value="moren" selected="selected" disabled="disabled">选择省份</option>
          <option value="jl">吉林</option>
          <option value="sc">四川</option>
          <option value="zj">浙江</option>
       </select>
       <select id="selectb">
          <option value="moren" selected="selected">选择城市</option>
       </select>         
       <select id="selectc">
       	  <option value="moren" selected="selected">选择区县</option>
       </select>
    </div>

    <div id="divb">
        <h3>添加地区</h3>
        <label for="sheng">省份：</label>
        <input type="text" id="sheng" placeholder="输入省份">
        <label for="cs">城市：</label>
        <input type="text" id="cs" placeholder="输入城市">
        <label for="qx">区县：</label>
        <input type="text" id="qx" placeholder="输入区县">
        <input type="button" value="保存" id="addNew">
        <div id="showNew">
        </div>
    </div>

    <div id="divc">
        <input type="button" value="获取表格" id="Newcheck">
        <div id="Checkdiv">
             <table>
               
             </table>
        </div>
    </div>

    <div id="Page">
         <div class="Select">
              <div class="container containerb">
                   <div class="row">
                        <div class="col-md-2"><h3>业主</h3></div>
                        <div class="col-md-2" id="qbyh">全部用户</div>
                        <div class="col-md-2" id="ydyz">有待认证</div>
                        <div class="col-md-2" id="wyz">未认证</div>
                        <div class="col-md-2" id="yyz">已认证</div>
                        <div class="col-md-2" id="jjyz">拒绝认证</div>
                   </div>
              </div>

              <div class="container containerc">
                  <div class="row">
                       <div class="Info col-md-4 col-md-push-1">请根据需要查询业主注册情况哦！</div>
                  </div>
                  <div class="row">
                       <div class="col-md-4 col-md-push-1">
                            <select>
                                 <option>请选择楼栋</option>
                            </select>
                       </div>
                       <div class="col-md-4 col-md-push-1">
                            <select>
                                 <option>请选择楼层</option>
                            </select>
                       </div>
                       <div class="col-md-4 col-md-push-1">
                            <button class="btn btn-default Select-btn" type="button" value="xxx" id="buttonx">搜索</button>
                       </div>
                  </div>
              </div>
         </div>

         <div class="container containera">
              <div class="row">
                    <div class="col-md-1">业主编号</div>
                    <div class="col-md-2">用户名</div>
                    <div class="col-md-2">电话</div>
                    <div class="col-md-2">地址</div>
                    <div class="col-md-1">认证情况</div>
                    <div class="col-md-1">真实姓名</div>
                    <div class="col-md-2">操作</div>
                    <div class="col-md-1">详情</div>
              </div>
              <div id="PageAdd">

              </div>
         </div>

         <div id="PageControl">
            <ul>
                <li>每页12条记录</li>
                <li>共<span id="Message"></span>条</li>
                <li>首页</li>
                <li id="Before">上一页</li>
                <li id="Next">下一页</li>
                <li>尾页</li>
                <li>页码：<span id="PageYma">1</span>/<span id="PageYmb">xxx</span></li>
                <li><input type="text" id="PageJump"><button id="JumpGo">跳转</button></li>
            </ul>
         </div>
         <select id="xxx">
                <option>xxx</option>
                <option>xxx</option>
                <option>xxx</option>
                <option>xxx</option>
         </select>
      </div>

      <script type="text/javascript" src="jquery-2.2.3.js"></script>
      <script type="text/javascript" src="city.js"></script>
      <script type="text/javascript" language="javascript">
         $.ajaxSetup ({
         cache: false //close AJAX cache
         });
     </script>
</body>
</html>